@import "../../../styles/default.scss";
.analyse-box{
  padding-top: size(16);
}
.analyse-tlayer-wrapper{
  display: flex;
  text-align: center;
  font-size:pxToRem(13);
  font-weight:500;
  .analyse-tlayer-strike {
    flex:0 0 pxToRem(75);
    color: $text-lip-color;
    line-height: size(20);
    background: $theme-quotation-card-color;
  }
  .analyse-tlayer-strong{
    width: 0;
    flex: 1;
    .strong-title{
      background: $color-down;
      color: #FFF;
      height: size(20);
      line-height: size(20);
    }
  }
  .analyse-tlayer-weak{
    width: 0;
    flex: 1;
    .weak-title{
      background: $color-up;
      color: #FFF;
      height: size(20);
      line-height: size(20);
    }
  }
}

.tlayer-box-strong {
  overflow: scroll;
  &::-webkit-scrollbar{
    display: none;
  }
}

.tlayer-box-weak {
  overflow: scroll;
  &::-webkit-scrollbar{
    display: none;
  }
}

.tlayer-strong-table-header{
  .th {
    flex:0 0 pxToRem(75);
    background: $color-down;
    color: #FFF;
  }

}
.tlayer-line {
  font-size:pxToRem(13);
  font-weight:500;
  height: size(20);
  line-height: size(20);
  display: flex;
  flex-wrap: nowrap;
  .th {
    flex:0 0 pxToRem(75);
    &.checked{
      background: #5326FF;
      color: #FFF;
    }
  }
}
.tlayer-weak-table-header{
  .th {
    flex:0 0 pxToRem(75);
    background: $color-up;
    color: #FFF;
  }
  &::-webkit-scrollbar{
    display: none;
  }
}

.tlayer-strong-wrapper{
  width: 100%;
  overflow: scroll;
  color: $text-lip-color;
  &::-webkit-scrollbar{
    display: none;
  }
}

.tlayer-line-box{
  height: size(30);
  color: $text-lip-color;
  line-height: size(30);
}
.bg-light-red {
  background: rgba(225, 40, 40, 0.1);
}
.bg-light-green {
  background: rgba(40, 225, 40, 0.1);
}
